<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>操作提示</title>
    <style>
        .error-card {
            background: white;
            max-width: 500px;
            margin: 5rem auto;
            padding: 3rem;
            border-radius: 1.5rem;
            box-shadow: 0 10px 30px rgba(255, 76, 76, 0.1);
            text-align: center;
            animation: shake 0.6s ease;
        }

        .error-icon {
            font-size: 3rem;
            color: #ef4444;
            margin-bottom: 1.5rem;
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(10px); }
            75% { transform: translateX(-10px); }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="error-card">
            <i class="fas fa-exclamation-triangle error-icon"></i>
            <h2 style="color: #ef4444; margin-bottom: 1rem;">操作失败</h2>
            <p style="color: #64748b; margin-bottom: 2rem;">{{ message }}</p>
            <a href="/" class="back-btn">
                <i class="fas fa-arrow-left"></i>
                返回查询
            </a>
        </div>
    </div>
</body>
</html>